﻿<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page import="com.cloud.service.UserService" %>
<%@ page import="com.cloud.service.impl.UserServiceImpl" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
        <title>考试系统 - Dashboard</title>

		<!-- Favicon -->
        <link rel="shortcut icon" href="${pageContext.request.contextPath}/static/img/favicon.png">

		<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,500;0,600;0,700;1,400&display=swap">

		<!-- Bootstrap CSS -->
        <link rel="stylesheet" href="${pageContext.request.contextPath}/static/plugins/bootstrap/css/bootstrap.min.css">

		<!-- Fontawesome CSS -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/plugins/fontawesome/css/fontawesome.min.css">
		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/plugins/fontawesome/css/all.min.css">

		<!-- Main CSS -->
        <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/style.css">

    </head>
    <body>
		<!-- Main Wrapper -->
        <div class="main-wrapper">

			<!-- Header -->
			<%@include file="/pages/common/header.jsp"%>
			<!-- /Header -->

			<!-- Sidebar -->
			<%@include file="/pages/common/sidebar.jsp"%>
			<!-- /Sidebar -->

			<!-- Page Wrapper -->
            <div class="page-wrapper">

                <div class="content container-fluid">
					<!-- Page Header -->
					<div class="page-header">
						<div class="row">
							<div class="col-sm-12">
								<h3 class="page-title">欢迎${sessionScope.USER.name}!</h3>
								<ul class="breadcrumb">
									<li class="breadcrumb-item active">仪表板</li>
								</ul>
							</div>
						</div>
					</div>
					<!-- /Page Header -->

					<!-- Overview Section -->
					<div class="row">
						<div class="col-xl-3 col-sm-6 col-12">
							<div class="card bg-one">
								<div class="card-body">
									<div class="db-widgets d-flex justify-content-between align-items-center">
										<div class="db-icon">
											<i class="fas fa-user-graduate"></i>
										</div>
										<div class="db-info">
											<h3>${stuNum}</h3>
											<h6>用户数量</h6>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="col-xl-3 col-sm-6 col-12">
							<div class="card bg-two">
								<div class="card-body">
									<div class="db-widgets d-flex justify-content-between align-items-center">
										<div class="db-icon">
											<i class="fas fa-crown"></i>
										</div>
										<div class="db-info">
											<h3>${testPaperNum}</h3>
											<h6>试卷数量</h6>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="col-xl-3 col-sm-6 col-12">
							<div class="card bg-three">
								<div class="card-body">
									<div class="db-widgets d-flex justify-content-between align-items-center">
										<div class="db-icon">
											<i class="fas fa-building"></i>
										</div>
										<div class="db-info">
											<h3>${quesNum}</h3>
											<h6>试题数量</h6>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="col-xl-3 col-sm-6 col-12">
							<div class="card bg-four">
								<div class="card-body">
									<div class="db-widgets d-flex justify-content-between align-items-center">
										<div class="db-icon">
											<i class="fas fa-file-invoice-dollar"></i>
										</div>
										<div class="db-info">
											<h3>${examination}</h3>
											<h6>考试数量</h6>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /Overview Section -->


<%--					<div class="row">--%>
<%--						<div class="col-md-6 d-flex">--%>
<%--							<!-- Star Students -->--%>
<%--							<div class="card flex-fill">--%>
<%--								<div class="card-header">--%>
<%--									<h5 class="card-title">考试及格率</h5>--%>
<%--								</div>--%>
<%--								<div class="card-body">--%>
<%--									<div class="table-responsive">--%>
<%--										<table class="table table-hover table-center">--%>
<%--											<thead class="thead-light">--%>
<%--												<tr>--%>
<%--													<th>考试ID</th>--%>
<%--													<th>试卷</th>--%>
<%--													<th class="text-center">班级</th>--%>
<%--													<th class="text-center">及格率</th>--%>
<%--												</tr>--%>
<%--											</thead>--%>
<%--											<tbody>--%>
<%--											<c:forEach items="${exams}" var="e">--%>
<%--												<tr>--%>
<%--													<td class="text-nowrap">--%>
<%--														<div>${e.exam_id}</div>--%>
<%--													</td>--%>
<%--													<td class="text-nowrap">${e.paper_name}</td>--%>
<%--													<td class="text-center">${e.class_name}</td>--%>
<%--													<td class="text-center">${e.qualified}%</td>--%>
<%--												</tr>--%>
<%--											</c:forEach>--%>
<%--											</tbody>--%>
<%--										</table>--%>
<%--									</div>--%>
<%--								</div>--%>
<%--							</div>--%>
<%--							<!-- /Star Students -->--%>
<%--						</div>--%>

<%--&lt;%&ndash;						<div class="col-md-6 d-flex">&ndash;%&gt;--%>
<%--&lt;%&ndash;							<div class="card flex-fill">&ndash;%&gt;--%>
<%--&lt;%&ndash;								<div class="card-header">&ndash;%&gt;--%>
<%--&lt;%&ndash;									<h5 class="card-title">未参加考试学生</h5>&ndash;%&gt;--%>
<%--&lt;%&ndash;								</div>&ndash;%&gt;--%>
<%--&lt;%&ndash;								<div class="card-body">&ndash;%&gt;--%>
<%--&lt;%&ndash;									<ul class="activity-feed">&ndash;%&gt;--%>
<%--&lt;%&ndash;										<c:forEach items="${scores}" var="s">&ndash;%&gt;--%>
<%--&lt;%&ndash;											<li class="feed-item">&ndash;%&gt;--%>
<%--&lt;%&ndash;												<div class="feed-date">${s.user_id}</div>&ndash;%&gt;--%>
<%--&lt;%&ndash;												<span class="feed-text"><a>${s.name} &nbsp;&nbsp;</a> ${s.paper_name} &nbsp;&nbsp;<a> &nbsp;&nbsp;${s.class_name}</a></span>&ndash;%&gt;--%>
<%--&lt;%&ndash;											</li>&ndash;%&gt;--%>
<%--&lt;%&ndash;										</c:forEach>&ndash;%&gt;--%>
<%--&lt;%&ndash;									</ul>&ndash;%&gt;--%>
<%--&lt;%&ndash;								</div>&ndash;%&gt;--%>
<%--&lt;%&ndash;							</div>&ndash;%&gt;--%>
<%--&lt;%&ndash;						</div>&ndash;%&gt;--%>
<%--					</div>--%>

				</div>


			</div>
			<!-- /Page Wrapper -->



        </div>
		<!-- /Main Wrapper -->

		<!-- jQuery -->
        <script src="${pageContext.request.contextPath}/static/js/jquery-3.5.1.min.js"></script>

		<!-- Bootstrap Core JS -->
        <script src="${pageContext.request.contextPath}/static/js/popper.min.js"></script>
        <script src="${pageContext.request.contextPath}/static/plugins/bootstrap/js/bootstrap.min.js"></script>

		<!-- Slimscroll JS -->
		<script src="${pageContext.request.contextPath}/static/plugins/slimscroll/jquery.slimscroll.min.js"></script>

		<!-- Chart JS -->
		<script src="${pageContext.request.contextPath}/static/plugins/apexchart/apexcharts.min.js"></script>
		<script src="${pageContext.request.contextPath}/static/plugins/apexchart/chart-data.js"></script>

		<!-- Custom JS -->
		<script  src="${pageContext.request.contextPath}/static/js/script.js"></script>

    </body>
</html>
